/* 个人中心紫色主题 */
:root {
  --primary-color: #8a2be2;
  --primary-light-color: #9b30ff;
  --primary-dark-color: #7a1dc9;
  --primary-bg-color: #f9f5ff;
  --primary-hover-color: #f5eeff;
}

/* Element Plus 组件覆盖样式 */
.el-button--primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: var(--primary-light-color) !important;
  border-color: var(--primary-light-color) !important;
}

.el-button--primary:active {
  background-color: var(--primary-dark-color) !important;
  border-color: var(--primary-dark-color) !important;
}

.el-menu-item.is-active {
  color: var(--primary-color) !important;
}

.el-switch.is-checked .el-switch__core {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-pagination .el-pager li.is-active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.el-pagination .el-pager li:hover {
  color: var(--primary-color) !important;
}

.el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px var(--primary-color) inset !important;
}

.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--primary-color) inset !important;
}

.el-tag--primary {
  background-color: rgba(138, 43, 226, 0.1) !important;
  border-color: rgba(138, 43, 226, 0.2) !important;
  color: var(--primary-color) !important;
}

.el-tag--primary .el-tag__close:hover {
  background-color: var(--primary-color) !important;
}

.el-button.is-link {
  color: var(--primary-color) !important;
}

.el-button.is-link:hover {
  color: var(--primary-light-color) !important;
}

.el-menu-item:hover {
  background-color: var(--primary-bg-color) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-tabs__item.is-active {
  color: var(--primary-color) !important;
}

.el-tabs__active-bar {
  background-color: var(--primary-color) !important;
}

.el-table tr.el-table__row:hover > td {
  background-color: var(--primary-hover-color) !important;
}

/* 自定义组件样式 */
.person-center .avatar-section {
  background-color: var(--primary-bg-color) !important;
}

.person-center .el-menu-item.is-active::before {
  background-color: var(--primary-color) !important;
} 